<template>
	<view class="tabbar" style="background: #fff;">
		<tabbar :current="'1'"></tabbar>
		
		<view style="position:fixed;top: 0;left: 0;right: 0;z-index: 999;">
			<img style=" width: 100%; height: 180rpx;" src="https://33ce93dc34c11522.rongyide.vip/uploads/biaoti/biaotiBg.png" />
			<view style=" position:absolute; bottom:27rpx; left:36rpx; color: #fff; font-size: 35rpx;">服务</view>
		</view>
		<view style="width: 100%;height: 180rpx;"></view>
		

<!-- 工具分界线 -->
		
			<view class="ku" >
				
				<image style="width:4px; height: 15px;margin:0px 12px;" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231024/146b39cf48e98eb1aa7cc69bdc0144e7.png" />
				<view class="kuai_title">信息查询</view>
				
				
				
				<view class="kuai" style="align-items: center;display: flex;flex-wrap: wrap;">
				   
						<view class="kuai_mokuai" @click="pathclick" >
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/564f1aa9c22ce8cdea61923a5fa2ae5b.png" />
								</view>
								<view>账户信息</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="pathmingxi" >
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/a141dd3dc74f8758f55f6545a6f975ae.png" />
								</view>
								<view>缴存明细</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/index/account-bill?type=2`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/1f10d73bf102956ffa1e32417dffcc5f.png" />
								</view>
								<view>提现明细</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="Tipsclick(`暂时无法获取你的贷款信息`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/c3a84a17e3884d17dc5cbabe3bde1063.png" />
								</view>
								<view>贷款信息</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="Tipsclick(`暂时无法获取你的还贷明细信息`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/5df8a0442ba835ffb5b9aeab7536c251.png" />
							  </view>
								<view>还贷明细</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="Tipsclick(`暂时无法获取你的个税抵扣填报信息`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/1aaf1613d84810f1e313c33ffdc691dc.png" />
								</view>
								<view  style="width:70px;margin: auto;" >个税抵扣填报信息</view>
							</view>
						</view>
						
						
					</view>
				
				
			</view>	
<!-- 工具分界线 -->	

<!-- 工具分界线 -->
		
			<view class="ku" style="margin-top: 15.5px;">
				
				<image style="width:4px; height: 15px;margin:0px 12px;" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231024/146b39cf48e98eb1aa7cc69bdc0144e7.png" />
				<view class="kuai_title">业务办理</view>
				
				
				
				<view class="kuai" style="align-items: center;display: flex;flex-wrap: wrap;">
				   
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/transfer`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/77110b74bfde5a5e4e4e36351d0c669f.png" />
								</view>
								<view>转移接续</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/empower`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/be63f1475f3f00f9251fe5e229853c89.png" />
								</view>
								<view>信息查询授权</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/word`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/12/20231206/12ddda87248f1c6687001dc6eec2e794.png" />
								</view>
								<view class="mingcheng">业务办理电子码</view>
							</view>
						</view>

					</view>
				
				
			</view>	
<!-- 工具分界线 -->	



<!-- 工具分界线 -->
		
			<view class="ku" style="margin-top: 14.5px; margin-bottom: 26px;">
				
				<image style="width:4px; height: 14px;margin:0px 12px;" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231024/146b39cf48e98eb1aa7cc69bdc0144e7.png" />
				<view class="kuai_title">常用工具</view>
				
				
				
				<view class="kuai" style="align-items: center;display: flex;flex-wrap: wrap;">
				   
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/deposit`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/e5a6933f654669263460e54d66c11d49.png" />
								</view>
								<view>存款利率</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/loan`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/c8b477169272bf0f1617d04d69e5927c.png" />
								</view>
								<view>贷款利率</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/mortgage`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/27acf8be4ca02ae90093d754fcb319be.png" />
								</view>
								<view>房贷计算</view>
							</view>
						</view>
						
						<view class="kuai_mokuai" @click="urlClick(`/pages/other/report`)">
							<view  class="kuai_mokuai_p1" >
								<view class="kuai_mokuai_p2" >
									<image class="kuai_mokuai_image" src="https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/10/20231025/a71145f0a09152b43f6b3ce8174e2404.png" />
								</view>
								<view style="width:100px;margin: auto;">全国住房公积金年报</view>
							</view>
						</view>

					</view>
				
				
			</view>	
<!-- 工具分界线 -->	
		
		
		
		
		
		
	</view>
</template>

<script>
	import tabbar from '@/components/pageFooter/tabbar.vue';
	export default {
		components:{
			tabbar
		},
		data() {
			return {
				
			};
		},
		
		methods: {
			Tipsclick(title){
				this.$util.Tips({ title : title })
			},
			urlClick(url){
				uni.navigateTo({
					url: url
				})
			},
			pathclick(){
				uni.navigateTo({
					url:'/pages/index/account'
				})
			},
			pathmingxi(){
				uni.navigateTo({
					url:'/pages/index/account-bill'
				})
			},
		},
		
		onShow() {
			uni.hideTabBar();
		},
		
		
	}
</script>

<style lang="scss">
	
	.mingcheng{
		width: 170rpx;
		text-align: center;
		margin: 0 auto;
	}
	.tabbar{
		padding-bottom: 100px;
	}
	.kuai_title{
		display: inline-block;font-weight: bolder;font-size: 17px; position: relative; top: -2px;
	}
	
	.ku{
		padding: 18px 0px;
		// margin-top: 10px;
		// clear: both;
	}
	
	.kuai_mokuai{
		text-align: center;
		width: 33.333333%;
		float: left;
		margin-top: 5px;
	}
	
	.kuai_mokuai_p1{
		text-align: center; margin-top: 11.5px; flex:1;
		height: 100px;
	}
	
	.kuai_mokuai_p2{
		height: 67px; width: 100%; 
	}
	
	.kuai_mokuai_p1 .kuai_mokuai_image{
		width:67px; height: 67px;
	}
</style>
